<!doctype html>
<html lang="en">
  <head>
    <title>Keep Track Example</title>
    <meta charset="utf-8" />
    <style>
      html, body {
        margin: 0;
        padding: 0;
        width: 100%;
      }
      #keeptrack-root {
        width: 50%;
        height: 50%;
        position: absolute;
        top: 25%;
        left: 25%;
      }
    </style>
    <script src="../settings/embed.js"></script>
  </head>
  <body>
    <div id="instructions">
      <h1>Keep Track Example</h1>
      <p>This is an example of how to embed Keep Track in your own website.</p>
      <p>
        The code for this example is in
        <code>public/examples/embed.html</code>
        .
      </p>
      <p>
        The code for the settings file is in
        <code>public/settings/embed.js</code>
        .
      </p>
      <p>Hold ctrl or shift and use the scroll wheel to zoom in and out.</p>
    </div>
    <div id="keeptrack-root"></div>
  </body>
</html>
